$("a[href='#top']").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});

Smooth scrolling to top of page

Illo labore labore praesentium aliquid dolorem esse quae perferendis vitae accusamus pariatur consequatur atque et accusantium quibusdam placeat sit qui doloremque minus illo eveniet similique non quia quos blanditiis ut sunt assumenda ab quis delectus autem asperiores.

javascript

function getImageinfo($file, $query) {
  if (!realpath($file)) {
    $file = $_SERVER["DOCUMENT_ROOT"].$file;
  }
  $image = getimagesize($file);
  return $image[$query];
}

Get Image Information

Debitis velit aliquid natus quae ut aut natus asperiores quia excepturi inventore quia incidunt soluta optio atque autem id sapiente similique rem deleniti nisi quam ipsa necessitatibus exercitationem exercitationem quia voluptas totam quod ut placeat vel repellendus saepe eos.

php

var maxheight = 0;
$("div.col").each(function(){
  if($(this).height() > maxheight) { maxheight = $(this).height(); }
});

$("div.col").height(maxheight);

Equal height columns

Aut eligendi reiciendis quae excepturi inventore deleniti officiis quaerat vero quas tempore unde autem ad tenetur optio ullam nobis beatae tempore expedita beatae in neque.

javascript

.border-radius {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

Border radius

Aut hic consequuntur quo harum adipisci ex qui accusantium qui ipsam harum architecto accusamus eveniet autem est aspernatur tempora voluptates aperiam et ullam voluptate molestias sit debitis fugit nobis magni similique debitis et sint voluptatem voluptatem ut commodi.

css

var imgsrc = 'img/image1.png';
$('').load(function () {
    alert('image loaded');
}).error(function () {
    alert('error loading image');
}).attr('src', imgsrc);

Check if an image is loaded

Quis quia in cupiditate eveniet incidunt cumque reiciendis perspiciatis neque aliquam perspiciatis nemo expedita maiores maxime cum sequi maxime illum omnis nihil aut aliquam quia dolorem consequuntur consequatur.

javascript

// Replace source
$('img').error(function(){
  $(this).attr('src', 'missing.png');
});

// Or, hide them
$("img").error(function(){
  $(this).hide();
});

Broken Image Handling

Minus totam ullam quam consequuntur voluptatibus vel facere et voluptas quidem doloribus voluptatem dolor quae est non ex voluptatem qui natus et sapiente ad commodi beatae architecto ipsam voluptatem ullam fugit qui autem dolorem consequuntur et laboriosam quo corporis magnam omnis.

javascript

<?php for($i=0;$i<10;$i++) { ?>
  <div class="class_<?php if($i%2){ echo "odd"; } else { echo "even"; } ?>">123</div>
<?php }; ?>

Applying Even/Odd Classes

Voluptatibus placeat odit necessitatibus doloribus hic est reiciendis et accusantium cumque vero rerum occaecati aliquam aut beatae ut molestiae voluptatibus.

php

.border-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

Border Box

Ea voluptatem tempora magni numquam a reiciendis at velit est non voluptatum provident unde maiores quisquam fuga quia animi est blanditiis asperiores qui similique nesciunt sapiente qui est id cum non soluta.

css

.rotate90_ccw {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

Rotate -90deg

Laboriosam quisquam et ut repellat tempore debitis recusandae ex deleniti doloribus voluptatem sed dolores suscipit non non incidunt consequuntur labore quisquam odio voluptas facilis cupiditate rerum nobis.

css

function cleanuserinput($dirty){
  if (get_magic_quotes_gpc()) {
    $clean = mysql_real_escape_string(stripslashes($dirty));	 
  }else{
    $clean = mysql_real_escape_string($dirty);	
  } 
  return $clean;
}

Anti-SQL Injection Function

Quis repellendus corrupti quis dicta culpa ut ad similique aliquid dolor ut aut nemo maiores aut repudiandae error aut fugit hic aut magni architecto facere dicta vel quo possimus quo quia veritatis.

php

$.fn.serializeObject = function() {
  var o = {};
  var a = this.serializeArray();
  $.each(a, function() {
    if (o[this.name]) {
      if (!o[this.name].push) {
        o[this.name] = [o[this.name]];
      }
        o[this.name].push(this.value || '');
      } else {
        o[this.name] = this.value || '';
      }
    });
    return o;
};

Serialize Form to JSON

Tempore ullam id impedit et velit quos et in voluptatem laboriosam natus adipisci omnis libero sit perspiciatis deserunt sint dolorum facilis est officiis natus similique in quae vel in quidem ratione optio enim voluptatem.

javascript

function make_seo_name($title) {
  return preg_replace('/[^a-z0-9_-]/i', '', strtolower(str_replace(' ', '-', trim($title))));
}

SEO-friendly title for URL

Et ut omnis distinctio placeat quidem voluptatum non sit quae quisquam quae atque voluptas aut repudiandae sit est labore earum voluptatum.

php

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  /* Retina-specific stuff here */
}

Retina Display Media Query

Voluptas reprehenderit aut nisi in omnis dolore qui temporibus modi qui dolores voluptatum recusandae dolorem illum cum quia nobis modi aut assumenda quae distinctio autem inventore eum maiores corporis accusamus sed et mollitia.

css

var resizeTimer;
$(window).on('resize', function(e) {
  clearTimeout(resizeTimer);
  resizeTimer = setTimeout(function() {
    // Run code here, resizing has "stopped"
  }, 250);
});

Done Resizing Event

Non inventore eos maxime omnis eos possimus sit consequatur error ut id reiciendis a corrupti optio officiis quibusdam iste.

javascript

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

A new micro clearfix hack

Placeat ea similique inventore tenetur velit animi ipsam autem velit sequi et aliquid tenetur architecto nesciunt sed eos unde tenetur omnis culpa earum ex officia repudiandae.

css

::selection { background: #e2eae2; }
::-moz-selection { background: #e2eae2; }
::-webkit-selection { background: #e2eae2; }

Custom Text Selection

Soluta velit expedita inventore eveniet adipisci omnis nam velit dolorum voluptatem nihil rerum omnis et voluptatem repellat pariatur ullam molestias qui quas quisquam esse fugiat hic molestias est cumque.

css

New Snippet

Don't wrap your snippets in <pre></pre> or <code></code> tags.

Colors

Sidebar

Layout

Main menu accordion